<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3" xmlns:head="http://www.w3.org/1999/html">
<head th:include="public/public_css::public_css ('查看明细')" />

<body style="background-color: #f2f2f2;">
<form class="layui-form layui-card-header  layui-card-header-auto" id="searchForm">
    <!--<input type="hidden" class="layui-input" th:value="${ids}" id="ids" name="ids"/-->
</form>
<section class="panel panel-padding layui-card-body">
    <div class="pro">
        <table id="table" class="table text-nowrap"></table>
    </div>

</section>
</body>


<div th:include="public/public_js::public_js"></div>
<script th:inline="javascript">
    var ids=[[${ids}]];
    layui.use(['list','layer','zzpUtils','jquery','laydate'],function () {
        var zzpUtils= layui.zzpUtils,
            $ = layui.jquery,
            laydate = layui.laydate;
        var $table = zzpUtils.table({
            elem: '#table',
            isApi: true,
            pagination:false,
            showColumns: false,
            columns: [ {
                field: 'hpbh',
                title: '货品编号'
            },{
                field: 'hpmc',
                title: '货品名称'
            },{
                field: 'kwmc',
                title: '补货库位'
            },{
                field: 'dw',
                title: '主单位',
            },{
                field: 'ccqsl',
                title: '存储区可用数量'
            },{
                field: 'sl',
                title: '补货数量主'
            }],
            detailFormatter: function (index, row) {
                return "这里就没有确定过11";
            },
            queryParams: function () {//查询条件=
                return  {ids:ids};
            },

        });
        $(function () {
            console.log(666666);
            $.ajax({
                url: "/zxsswms/wmsartificialreplenishment/getDetailList",
                type: "POST",
                dataType: "JSON",
                contentType: 'application/json',
                async: false,
                data:JSON.stringify({ids:ids}),
                success: function (data) {
                    console.log(666666, data);
                    $table.bootstrapTable('append', data);
                },
                error: function () { console.log("Error"); }
            });
        })

    });
</script>
</html>